<div class="roll_setting_box" >
<div *ngIf="!rollSetting.isBigCode" >
  <div class="roll_setting_hearder" style="margin-top: 50px">
    <div>
    <div class="roll_cover" [style.background-image]="'url('+utilServe.readImgUrl+rollSetting.classInfo.CoverUrl+')'" ></div>
    <div class="roll_info">
      <div class="roll_name">{{rollSetting.classInfo.ClassName}}</div>
      <div class="roll_code">
        <div class="class_code">
          <span>班级码</span>
          <span>{{rollSetting.classInfo.IDCode}}</span>
        </div>
        <div class="invite_code">
          <span>邀请码</span>
          <span>{{rollSetting.classInfo.InvitationCode}}</span>
        </div>
      </div>
      <div class="roll_date">
        <div class="create_date">创建：{{rollSetting.classInfo.CreateTime.slice(0,10)}}</div>
        <div class="end_date">过期：{{rollSetting.classInfo.EndTime.slice(0,10)}} </div>
      </div>
      <br/>
      <div class="roll_peoples">
        <img src="/assets/img/rollIndex/renshu.png" alt="" style="vertical-align: bottom">{{rollSetting.classInfo.Number}}人
      </div>
    </div>
    <div class="scan_code clearfix">
      <div class="code_title">扫码加入班级</div>
      <div class="code_tip">与同学们分享快乐，进行SWOT分析</div>
      <img src="/assets/img/rollIndex/fangda.png" alt="" class="f_r" (click)="rollSetting.isBigCode = true">
      <!--<div class="qr_code"></div>-->
      <div>
        <qr-code [value]="url" size="200"></qr-code>
      </div>
    </div>
    </div>
  </div>
</div>


  <app-add-module
    *ngIf="rollSetting.isAddModule"
    (onCloseAdd)="rollSetting.onCloseAdd($event)">
  </app-add-module>
  <app-qr-code
    *ngIf="rollSetting.isBigCode"
    (onCloseCode) = "rollSetting.onCloseCode($event)"
    [classInfo]="rollSetting.classInfo"
  >

  </app-qr-code>
</div>


